<!--<ion-side-menus>
	<ion-pane ion-side-menu-content>-->
<ion-view>
		<header class="bar bar-header bar-stable none-bg-color-bor" ng-class="{true:'ios_bar',false:''}[Is_Ios]">
			<h1 class="title" style="width: 50%;margin: 0 auto;" ng-class="{true:'ios_show',false:''}[Is_Ios]">焕颜宝</h1>
			<div class="buttons" ui-sref="app.YZBInstructions" ng-class="{true:'ios_show',false:''}[Is_Ios]">
				<p class="Whitefont-15" style="padding: 8px 12px 0 0;">使用说明</p>
			</div>
			<div ng-click="toggleLeft()" style="width: 5%;margin: 8px 0 0 10px;" ng-class="{true:'ios_show',false:''}[Is_Ios]"> <!--side="left" menu-toggle="left"-->
				<img src="img/icons/menu_white.svg"/>
			</div>
		</header>
	<ion-content overflow-scroll="true" has-bouncing="true" class="YanZhiBao" style="overflow: hidden;">
		<div class="Moudle  SelectMoudleBlue">
			<div class="Bluebg">
				<p class="Whitefont-17">选择一个模式</p>
				<p class="Whitefont-17">开始保养</p>
			</div>
		</div>
		<p class="Beautiful Grayfont-14">您的健康美丽是与自我用心的呵护~</p>
		<div class="row">
			<div class="col ShowBoxBlue animated zoomIn">
				<a ng-click="goUpKeep({type: 'jubu'},mode_mes_data.mode[0].durations)" nav-direction="forward">
					<p class="Defaultfont-17">{{mode_mes_data.mode[0].name}}</p>
					<img class="feature" src="img/icons/kangzhou.svg" />
					<p class="Bluefont-12 Graybg" style="position: relative;">
                        <img class="img-a" src="img/icons/time.svg" />时间：{{mode_mes_data.mode[0].durations / 60 || 0}}min
                    </p>
					<p class="Bluefont-12 Graybg col-center">
						<img class="star" src="img/icons/strength_blue.svg" />强度：
						<img class="star" src="img/icons/icon_star_blue1.svg" ng-repeat="item2 in mode_mes_data.mode[0].img_all track by $index"/>
						<img class="star" src="img/icons/icon_star_blue2.svg" ng-repeat="item1 in mode_mes_data.mode[0].img_half track by $index"/>
						<img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[0].img_no track by $index"/>
					</p>
				</a>
			</div>
			<div class="col ShowBoxBlue animated zoomIn">
                <a ng-click="goUpKeep({type: 'runfu'},mode_mes_data.mode[1].durations)" nav-direction="forward">
                    <p class="Defaultfont-17">{{mode_mes_data.mode[1].name}}</p>
                    <img class="feature" src="img/icons/runfu.svg" />
                    <p class="Bluefont-12 Graybg"><img class="img-a" src="img/icons/time.svg" />时间：{{mode_mes_data.mode[1].durations / 60 || 0}}min</p>
                    <p class="Bluefont-12 Graybg">
                        <img class="star" src="img/icons/strength_blue.svg" />强度：
                        <img class="star" src="img/icons/icon_star_blue1.svg" ng-repeat="item2 in mode_mes_data.mode[1].img_all track by $index"/>
                        <img class="star" src="img/icons/icon_star_blue2.svg" ng-repeat="item1 in mode_mes_data.mode[1].img_half track by $index"/>
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[1].img_no track by $index"/>
                    </p>
                </a>
			</div>
		</div>
		<div class="row">
			<div class="col ShowBoxBlue animated zoomIn">
                <a ng-click="goUpKeep({type: 'quban'},mode_mes_data.mode[2].durations)" nav-direction="forward">
                    <p class="Defaultfont-17">{{mode_mes_data.mode[2].name}}</p>
                    <img class="feature" src="img/icons/qunban.svg" />
                    <p class="Bluefont-12 Graybg"><img class="img-a" src="img/icons/time.svg" />时间：{{mode_mes_data.mode[2].durations / 60 || 0}}min</p>
                    <p class="Bluefont-12 Graybg">
                        <img class="star" src="img/icons/strength_blue.svg" />强度：
                        <img class="star" src="img/icons/icon_star_blue1.svg" ng-repeat="item2 in mode_mes_data.mode[2].img_all track by $index"/>
                        <img class="star" src="img/icons/icon_star_blue2.svg" ng-repeat="item1 in mode_mes_data.mode[2].img_half track by $index"/>
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[2].img_no track by $index"/>
                    </p>
                </a>
			</div>
			<div class="col ShowBoxBlue animated zoomIn">
                <a ng-click="goUpKeep({type: 'dao'},mode_mes_data.mode[3].durations)" nav-direction="forward">
                    <p class="Defaultfont-17">{{mode_mes_data.mode[3].name}}</p>
                    <img class="feature" src="img/icons/daomo.svg" />
                    <p class="Bluefont-12 Graybg"><img class="img-a" src="img/icons/time.svg" />时间：{{mode_mes_data.mode[3].durations / 60 || 0}}min</p>
                    <p class="Bluefont-12 Graybg">
                        <img class="star" src="img/icons/strength_blue.svg" />强度：
                        <img class="star" src="img/icons/icon_star_blue1.svg" ng-repeat="item2 in mode_mes_data.mode[3].img_all track by $index"/>
                        <img class="star" src="img/icons/icon_star_blue2.svg" ng-repeat="item1 in mode_mes_data.mode[3].img_half track by $index"/>
                        <img class="star" src="img/icons/icon_star_green2.svg" ng-repeat="item in mode_mes_data.mode[3].img_no track by $index"/>
                    </p>
                </a>
			</div>
		</div>
	</ion-content>
    <div class="BottomBoxBlue bar-footer BottomBox animated slideInUp" ng-class="downShow.hidden ? 'slideOutDown' : ''">
        <img src="img/icons/smallpeople.svg" />
        <p class="p_top Bluefont-13">您今天已经保养{{count_YZB_data || 0}}次</p>
        <p class="p_bottom Bluefont-13" ng-if="count_YZB_data > 3">建议合理使用、适度使用哦~</p>
    </div>
    <div ng-show="slideOpen" style="position: fixed; background-color: #000000; width: 100%; height: 100%; opacity: 0.3;"></div>
</ion-view>
